<template>
  <!-- 模板内容：只能有一个div  -->
  <div>
    <div class="footbar">
      <div class="footerbtn">
        <button><a href="">联系我们</a></button>
      </div>
      <div class="pureg">
        <div class="pure1">
          <a href="">美食生活杂志</a><a href="">厨房工作</a
          ><a href="">社区指导原则</a><a href="">下厨房出版的书</a
          ><a href="">帮助中心</a><a href="">联系我们</a><a href="">隐私政策</a
          ><a href="">关于我们</a>
        </div>
        <div class="pure2">
          <img
            src="https://s.chuimg.com/simpleicons/sinaweibo.svg"
            alt=""
          /><img src="https://s.chuimg.com/simpleicons/twitter.svg" alt="" />
        </div>
      </div>
      <div class="pureg">
        <div class="pure1">
          Copyright © xiachufang.com 京B2-20180499
          <a href="">京ICP备13009078号-1</a>
          <a href=""> 京公网安备11010802022310号 -1</a>
          <a href=""> 证照者中心&nbsp;&nbsp;&nbsp;&nbsp;</a>
          <br>
        
        </div>
        <div class="pure2">
          <a href=""> 唯有美食与爱不可辜负</a>
        </div>
      </div>
       <div class="pureg">
        <div class="pure1">
           <a href="">
            违法和不良信息举报电话：010-52800126 举报邮箱：talk@xiachufang.com
            未成年专项举报邮箱：wcnbh@xiachufang.com
          </a>
        </div>
       
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "Footbar",
};
</script>

<style lang="less" scoped>
/* css样式 */
.footbar {
  width: 1000px;
  height: 200px;
//   background: #ccc;
  margin: 0 auto;
  padding: 30px 0 80px 0px;

  .footerbtn {
    margin-bottom: 20px;
    button {
      outline: none;
      border: none;
    }
    a {
      display: inline-block;
      width: 102px;
      height: 42.8px;
      line-height: 42.8px;
      background: #84cf6d;
      color: #fff;
      font-size: 13px;
    }
  }
  .pureg {
    display: flex;
    padding: 2px 0px;
    .pure1 {
      width: 750px;
      height: 23.2px;
      font-size: 13px;

      a {
        //   margin: 10px 0px;
        margin-right: 10px;
        font-size: 13px;
      }
    }
    .pure2 {
      text-align: right;
      width: 250px;
      height: 23.2px;
      a {
        margin-right: 10px;
        font-size: 13px;
      }
      img {
        width: 18px;
        height: 18px;
        margin-right: 10px;
      }
    }
  }
}
</style>